import React, { Component } from 'react';
import styles from './index.scss';
import { observable, action } from 'mobx';
import { observer } from 'mobx-react';

import { Page, HeaderBar, initComponent } from '@/cross/components';
const { View, Text, Image, ScrollView } = initComponent(styles);

import { CrossPageProps } from '@/cross/pages/PropType';

interface IProps extends CrossPageProps {
  params: {
    id: number;
  };
}

@observer
class PageView extends Component<IProps> {
  render() {
    return (
      <Page className="">
        <HeaderBar
          title="页面名称"
          titleAlign="left"
          mode="light"
          leftContent={null}
          showBack={false}
        />
        <ScrollView className="M-flex-item">
          <View className="M-p-h-b-10"></View>
        </ScrollView>
      </Page>
    );
  }
}

export default PageView;
